<!--
 * @Author: liuyonghu
 * @Date: 2021-05-27 16:29:06
 * @LastEditTime: 2021-06-22 23:19:48
 * @LastEditors: liuyonghu
 * @Description: 
 * @FilePath: /vue3_my-computer/src/views/Home.vue
-->
<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
  </div>

  <el-button type="primary" size="default" @click="openFullScreen">全屏</el-button>
</template>

<script>
// @ is an alias to /src
import screenfull from "screenfull";
export default {
  name: "Home",
  components: {},
  methods: {
    openFullScreen(e) {
      console.log(e);
    //   debugger;
      if (screenfull.isEnabled) {
        screenfull.request();
      }
    },
  },
};
</script>
